<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<!-- saved from url=(0059)http://www.hasbei.com/zx/detail/202006201274269420344184832 -->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${soloEssay.getEssayTitle()+'口腔知识-口腔资讯-有贝口腔网'}"></title>
    <meta name="keywords" content="牙体结构,牙釉质,牙本质,牙髓,口腔知识,口腔资讯,有贝口腔网">
    <meta name="description" th:content="${soloEssay.getEssaySynopsis()}">

    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commtwo.css">
    <link rel="stylesheet" href="/css/commthree.css">

    <link rel="stylesheet" href="/css/pinglun.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/condetail.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/condetail(1).css">

    <script src="/js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/condetail.js"></script>
    <script src="/js/layer1.js"></script>
    <link rel="stylesheet" href="/css/layer(1).css" id="layuicss-layer">

</head>
<body>
<div class="content">

    <div th:replace="common/hasbei_top"></div>

    <div class="content-main">
        <div th:replace="~{/consult/consult_type::consult_type}"></div>


        <div class="bread-crumb">
            <div>
                <a href="/consult_solo/10">首页</a>
                <span>/</span>
                <a th:href="${'/zx/'+soloEssay.getClassifyId()}" th:text="${soloEssay.getClassifyT().getClassifyName()}"></a>
                <span>/</span>
                <a th:href="${'/consult_solo/'+soloEssay.getEssayId()}" th:text="${soloEssay.getEssayTitle()}"></a>
            </div>
        </div>
        <div class="zixun-info">
            <div>
                <div class="artical-info">
                    <div class="artical-title">
                        <div class="list-item-title title-content">
                            <a th:href="@{'/consult_solo/'+${soloEssay.getEssayId()}}" th:text="${soloEssay.getEssayTitle()}"></a>
                        </div>
                        <div class="list-item-info">
                            <a th:href="${'/zx/'+soloEssay.getClassifyId()}"><span class="tui-jian" th:text="${soloEssay.getClassifyT().getClassifyName()}"></span></a>
                            <div class="yue-du">
                                <a th:href="@{'/consult_solo/'+${soloEssay.getEssayId()}}">
                                    <img src="/icon/yuedu.png"><span th:text="${soloEssay.getReadCount()}"></span><span>阅读</span></a>
                            </div>
                            <span class="dotted">·</span>
                            <span class="time-before" th:text="${#dates.format(soloEssay.getGroundTime(),'MM-dd HH:mm')}"></span>
                        </div>
                    </div>
                    <!-- <div class="artical-title"></div> -->
                    <div class="artical-content">
                        <div class="artical-text">
                            <p style="text-align:center"> <img th:src="${soloEssay.getImgPath()}"></p>
                            <p th:utext="${soloEssay.getEssayContent()}"></p>
                        </div>
                    </div>
                    <div class="up-load">
                        <div class="fen-ye">
                            <div class="fenye-list"><span class="selected">1</span></div>
                            <div class="fenye-list"><a th:href="${'/zx/'+soloEssay.getClassifyId()}">2</a></div>
                            <div class="fenye-list"><a th:href="${'/zx/'+soloEssay.getClassifyId()}">下一页</a></div>
                            <!-- 页面上有下一页，或者下页有可能导致uc等浏览器页面字体变蓝色 -->
                        </div>
                    </div>

                    <input type="hidden" id="no" th:value="${soloEssay.getEssayId()}">
                    <input type="hidden" id="userid" th:value="${uservo}!=null?${uservo.getUserId()}:''">
                    <input type="hidden" id="collectType" th:value="${soloEssay.getClassifyT().getClassifyName()}">

                    <div class="artical-edit">
                        <div class="artical-edit-left">
                            <a href="javascript:;"><em id="commentCount" th:text="${soloEssay.getCommentCount()}"></em>&nbsp;条评论</a>
                            <!-- <a href=""><em>123</em>&nbsp;人参与</a> -->
                            <a href="javascript:;" id="collectCount"><span th:text="${soloEssay.getCollectCount()}"></span>&nbsp;人收藏</a>
                        </div>
                        <div class="artical-edit-right">
                            <a href="javaScript:;" onclick="myCollect(this)">
                                <img src="/icon/shoucang1.png" alt="有贝口腔网"><span>收藏</span></a>
                        </div>
                    </div>
                    <div class="publish-discuss">
                        <div class="user-logo">
                            <img src="/icon/user_Default.png">
                        </div>
                        <div class="discuss-input">
                            <script type="text/javascript">
                                function commAdd(obj) {
                                    var text = $("#discussText").val();
                                    if(text==null || text==""){
                                        layer.msg("请输入评论内容！！");
                                        return false;
                                    }
                                    var essayId = $(obj).attr("essayId");
                                    if(essayId==null){
                                        layer.msg("异常评论请刷新网页！！");
                                        return false;
                                    }

                                    var userId = $(obj).attr("userId");
                                    if(userId==null){
                                        layer.msg("登录失效，请登录再评论");
                                        return false;
                                    }
                                    console.log(text);
                                    var data = {
                                        text,
                                        essayId,
                                        userId
                                    }
                                    $.post("commAdd",data,function (item) {
                                        console.log(item)
                                        if(item.code==201){
                                            $("#discussText").val("");
                                            layer.msg(item.message,function () {
                                                window.location.reload();
                                            })
                                        }else{
                                            layer.msg(item.message);
                                        }
                                    })
                                }
                            </script>
                            <textarea placeholder="写下您的评论..." class="textarea" id="discussText" ></textarea>
                            <div class="answer-div">
                                <span class="answer-btn" id="discuss-btn" th:essayId="${soloEssay.getEssayId()}" th:userId="${uservo}!=null?${uservo.getUserId()}:''" onclick="commAdd(this)">评论</span>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">

                        function repInput(obj) {
                            var repId = $(obj).attr("ansid");
                            console.log("回复"+repId);
                            var repid = $("#inputPoss"+repId);
                            $("#inputPoss"+repId).toggle();
                        }

                        function morerep(obj) {
                            var repId = $(obj).attr("ansid");
                            console.log("回复的回复ID"+repId);
                            var repid = $("#replylist"+repId);
                            $("#replylist"+repId).toggle();
                        }

                    </script>
                    <div class="discuss-box" id="commenList">
                        <script type="text/javascript">
                            function replyComm(obj) {
                                var commId =$(obj).attr("id");          //父id
                                var content=$("#content"+commId).val();    //咨询内容
                                var no = $("#no").val();    //咨询id
                                var userid = $("#userid").val();
                                if(isBlank(content)){
                                    layer.msg("请输入评论内容");
                                    return false;
                                }
                                if(isBlank(commId)){
                                    layer.msg("异常评论");
                                    return ;
                                }
                                if(isBlank(no)){
                                    layer.msg("异常评论");
                                    return false;
                                }
                                if(isBlank(userid)){
                                    layer.msg("登录失效请重新登录");
                                    return false;
                                }

                                var data ={
                                    commId,
                                    content,
                                    no,
                                    userid
                                }
                                console.log(data);
                                $.post("/consult_solo/newCommAdd",data,function (item) {
                                    console.log(item);
                                    if(item.code==201){
                                        $("#discussText").val("");
                                        layer.msg(item.message,function () {
                                            window.location.reload();
                                        })
                                    }else{
                                        layer.msg(item.message);
                                    }
                                })
                            }
                        </script>
                        <div class="discuss-list" th:each="comment:${commentTS}">
                            <div class="discuss-left">
                                <div class="user-logo"><a target="_blank" href="/"><img th:src="${comment.getUserT().getImgPath()}"></a></div>
                                <div class="user-message">
                                    <div class="name-time">
                                        <a href="/user/1285450237338587136" target="_blank" class="user-name" th:text="${comment.getUserT().getUserNickname()}"></a>
                                        <span class="discuss-time" th:text="${#dates.format(comment.getCreateTime(),'MM-dd HH:mm')}"></span>
                                    </div>
                                    <div class="leave-message" th:text="${comment.getCommentContent()}"></div>
                                </div>
                            </div>
                            <div class="answer-message">

                                <div class="discuss-right">
                                    <div class="discuss-reply">
                                        <span class="answer" th:ansid="${comment.getId()}"   onclick="repInput(this)" >回复</span>

                                        <i class="idotted"></i>

                                        <span class="answer-num" th:if="${comment.getCommList().size()}>=1" th:ansid="${comment.getId()}" onclick="morerep(this)" ><span>更多回复</span></span>
                                    </div>
                                    <div class="discuss-num">
                                        <a href="javascript:;"><span>1</span><img onclick="addlike(this)" th:id="${comment.getId()}" class="dianzan" src="../img/dianzan.png"></a>
                                    </div>
                                </div>

                                <div class="posi-input" th:id="${'inputPoss'+comment.getId()}" style="display: none;">
                                    <div class="discuss-input" style="height: 40px;">
                                        <textarea placeholder="写下您的回复..." class="input" th:id="${'content'+comment.getId()}"></textarea>
                                        <div class="answer-div" style="position: absolute;">
                                            <span class="answer-btn" onclick="replyComm(this)" th:id="${comment.getId()}">回复</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="more-answer" th:id="${'replylist'+comment.getId()}" style="display:none">
                                    <div class="more-answer-list" th:each="newComm:${comment.getCommList()}" th:id="${'replyTolist'+newComm.getCommentId()}">

                                        <div class="discuss-left">
                                            <div class="user-logo"><a target="_blank" href="/"><img th:src="${newComm.getUserT().getImgPath()}"></a></div>
                                            <div class="user-message">
                                                <div class="name-time">
                                                    <a href="/" target="_blank" class="user-name" th:text="${newComm.getUserT().getUserNickname()}"></a>
                                                    <span class="discuss-time"><span th:text="${#dates.format(newComm.getCreateTime(),'MM-dd HH:mm')}"></span></span>
                                                </div>
                                                <div class="leave-message" th:text="${newComm.getCommentContent()}"></div>
                                            </div>
                                        </div>
                                    </div>


                                </div>

                            </div>

                        </div>
                    </div>
                    <script type="text/javascript">
                        var paget = 1;
                        function moreCommentlists(obj) {
                            if(paget<1){
                                paget=1;

                            }
                            paget++;
                            var essayId = $("#no").val();
                            console.log(obj);
                            $.get("/consult_solo/moreCommentlists?essayId="+essayId+"&page="+paget,function (item) {
                                console.log(item);
                                console.log(item.length);
                                if(item.length>0){
                                    $("#commenList").append(item);
                                }else{
                                    $("#moreHide").hide();
                                    $("#moreShow").show();
                                }
                            })
                        }
                    </script>
                    <div class="show-more" id="moreHide" onclick="moreCommentlists(this)">查看更多评论</div>
                    <div id="moreShow" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                </div>

                <div class="hot-tuijian">
                    <div class="hot-title"><span>相关推荐</span></div>
                    <div id="myContentList">
                        <!--十个咨询-->
                        <div class="list-item"  th:each="essayt:${zxCEssayList}">
                            <div class="list-item-left">
                                <a th:href="${'/consult_solo/'+essayt.getEssayId()}"><img th:src="${essayt.getImgPath()}" alt="有贝口腔网"></a></div>
                            <div class="list-item-right">
                                <div class="list-item-title">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssayTitle()}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssaySynopsis()}"></a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="${'/zx/'+essayt.getClassifyId()}"><span class="tui-jian" th:text="${essayt.getClassifyT().getClassifyName()}"></span></a>

                                    <div class="ping-lun">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/pinglun.png">
                                            <span th:text="${essayt.getCommentCount()}"></span>
                                            <span>评论</span>
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/shoucang.png">
                                            <span th:text="${essayt.getCollectCount()}"></span>
                                            <span>收藏</span>
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/yuedu.png">
                                            <span th:text="${essayt.getReadCount()}"></span>
                                            <span>阅读</span>
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(essayt.getGroundTime(),'MM-dd HH:mm')}"></span>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="more-content">
                        <input  hidden="hidden" id="cid" th:value="${soloEssay.getClassifyId()}">
                        <script type="text/javascript">
                            var page=1;
                            function booLoadData() {
                                var cid = $("#cid").val()
                                page++;

                                $(".load-more").show();
                                $(".load-more-two").hide();
                                $(".zx-no-data").hide();

                                $.post("/czxLoadInfo?cid="+cid+"&page="+page+"&tabType=15",function(data){
                                    $(".load-more").hide();
                                    //如果没有数据了就隐藏
                                    if(data.code==301 || data.code == null){
                                        $(".boo-no-data").show();
                                    }else{
                                        $(".load-more-two").show();

                                        $("#myContentList").append(data.data);
                                    }
                                });
                            }
                        </script>


                        <div class="load-more" style="display:none">
                            <img src="/icon/load-more.gif" alt="有贝口腔网">
                            <span>加载中</span>
                        </div>
                        <div class="load-more-two load-more-fade" onclick="booLoadData()">点击加载更多内容</div>
                        <div class="boo-no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                    </div>
                </div>

            </div>
            <div class="aside-left margin-t0">

                <div class="wonderful-top">
                    <div class="wonderful-top-title">其他看点</div>
                    <a th:href="${'/consult_solo/'+readEssay.getEssayId()}" th:each="readEssay:${readEssayTS}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${readEssay.getEssayTitle()}">隐形矫正，又方便又美观</div>
                        </div>
                    </a>
                </div>
            </div>

        </div>

        <div th:replace="common/hasbei_bottom"></div>

        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>

    </div>
    <input type="hidden" id="cateId" value="13">

</div>
</body>
</html>